<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>注册</title>
    <script src="jquery-1.11.1.js"></script>
</head>
<body>


<h1>注册</h1>
<form action="${pageContext.request.contextPath}/user?method=register" method="post">

    <p><input type="text" name="username" placeholder="请输入用户名"></p><span id="info"></span>
    <p><input type="password" name="password" placeholder="请输入密码"></p>
    <p><input type="submit" value="立即注册"></p>
</form>


<script>

    $(":text").blur(function () {

        //获取用户填写的用户名
         var  username =  $(this).val()
        //验证用户名是否重复  ajax
        <%--$.ajax({--%>
        <%--    //请求地址--%>
        <%--    url:'${pageContext.request.contextPath}/user?method=checkUserName',--%>
        <%--    // 请求参数--%>
        <%--    data:{username:username},--%>
        <%--    // 请求方式 get  post--%>
        <%--    type:'get',--%>
        <%--    // 更改同步  false 异步方式  true  默认--%>
        <%--    async:true,--%>
        <%--    // 响应数据格式--%>
        <%--    dataType:'json',--%>
        <%--    // 成功回调函数  res  后端的响应数据--%>
        <%--    success:function (res) {--%>
        <%--        var msg = res.msg--%>
        <%--        $("#info").text(msg)--%>
        <%--    }--%>
        <%--})--%>


        // $.get(url,[参数],function(res){},'数据格式')

        <%--$.get('${pageContext.request.contextPath}/user?method=checkUserName',{username:username},function (res) {--%>
        <%--    var msg = res.msg--%>
        <%--    $("#info").text(msg)--%>
        <%--},'JSON')--%>

        $.post('${pageContext.request.contextPath}/user?method=checkUserName',{username:username},function (res) {
            var msg = res.msg
            $("#info").text(msg)
        },'JSON')

    })


</script>

</body>
</html>
